#loader {
    background: #2F3030;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:99999;
}

.loader {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
}
.loader:before, .loader:after {
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 32px;
  height: 32px;
  background: #ff4262;
}
.loader:before {
  animation: leftA 1.5s linear infinite;
}
.loader:after {
  animation: rightA 1.5s linear infinite;
}

@keyframes leftA {
  0%, 100% {
    left: 100%;
    transform: scale(0.7);
  }
  25%, 75% {
    left: 0;
    transform: scale(1);
  }
  50% {
    left: 0;
    transform: scale(1.5);
  }
}
@keyframes rightA {
  0%, 100% {
    right: 100%;
    transform: scale(0.7);
  }
  25%, 75% {
    right: 0;
    transform: scale(1);
  }
  50% {
    right: 0;
    transform: scale(1.5);
  }
}